<!doctype html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta name="viewport"
		content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>Spanning2022</title>
	<link rel="stylesheet" href="./css/hvrilsoft.spanning2022.all.css">
</head>

<body id="Body">

	<canvas></canvas>


	<div class="loader">
		<div id="wifi-loader">
			<svg class="circle-outer" viewBox="0 0 86 86">
				<circle class="back" cx="43" cy="43" r="40"></circle>
				<circle class="front" cx="43" cy="43" r="40"></circle>
				<circle class="new" cx="43" cy="43" r="40"></circle>
			</svg>
			<svg class="circle-middle" viewBox="0 0 60 60">
				<circle class="back" cx="30" cy="30" r="27"></circle>
				<circle class="front" cx="30" cy="30" r="27"></circle>
			</svg>
			<svg class="circle-inner" viewBox="0 0 34 34">
				<circle class="back" cx="17" cy="17" r="14"></circle>
				<circle class="front" cx="17" cy="17" r="14"></circle>
			</svg>
			<span class="text">前往除夕</span>
		</div>
	</div>

	<!-- 启动页 -->
	<div class="front-page hidden">
		<!-- 启动页内容存储容器 -->
		<div class="front-page-content" onclick="FunctionFrontPageToHidden()">
			<div id="box-shadow">
				<!-- 启动页图标 -->
				<div class="front-page-content-icon">
					<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg"
						xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512"
						enable-background="new 0 0 512 512" xml:space="preserve">
						<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="260.2542" y1="511.3483"
							x2="260.2542" y2="103.302" class="gradient-element">
							<stop offset="0" class="primary-color-gradient" style="stop-color: #e60000"></stop>
							<stop offset="1" class="secondary-color-gradient" style="stop-color: #ffbe00"></stop>
						</linearGradient>
						<path fill="url(#SVGID_1_)" d="M380.5,145.1v339.5H140v-23.1c0-32.8,17-61.2,41.8-75.3c5.9,8.2,13.3,14.9,22.2,20
						c13.6,7.8,30,11.7,49.3,11.7c7.7,0,15.3-0.9,22.9-2.7c3.5-0.8,8.9-2.7,14.1-4.7c7.9-3.1,6-1.3,3.5-9.5l-0.2-23.2
						c0-2.3,3.3-7.3,5.6-7.3c0,0,3.7-0.6,3.7-0.6c14.3,0,21.9-4.9,30.3-15.9s13.1-25.9,13.9-44.6c0.8-19.4-2.1-36.3-8.7-51
						c-6.6-14.6-16.5-25.9-29.7-33.7c-8.1-4.8-17.2-8.2-27.3-10c3.2-39.1,33.2-69.7,69.6-69.7H380.5z"></path>
						<path d="M416.2,456c0,4.4-3.6,8-8,8h-43c-4.4,0-8-3.6-8-8s3.6-8,8-8h43C412.6,448,416.2,451.6,416.2,456z M314.7,20.1h-73.8
						c-4.4,0-8,3.6-8,8s3.6,8,8,8h73.8c4.4,0,8-3.6,8-8S319.1,20.1,314.7,20.1z M496,137.1h-15.8v-15.8c0-4.4-3.6-8-8-8s-8,3.6-8,8v15.8
						h-15.8c-4.4,0-8,3.6-8,8s3.6,8,8,8h15.8v15.8c0,4.4,3.6,8,8,8s8-3.6,8-8v-15.8H496c4.4,0,8-3.6,8-8S500.4,137.1,496,137.1z
						 M487.9,48.8c0-4.4-3.6-8-8-8H357.1c-4.4,0-8,3.6-8,8s3.6,8,8,8h122.8C484.3,56.8,487.9,53.2,487.9,48.8z"></path>
						<g>
							<path fill="#ffbe00" class="secondary-color" d="M450.4,410.4V277.2H494v133.3H450.4z"></path>
							<path fill="#e60000" class="primary-color" d="M450.4,489.4v-43.6H494v43.6H450.4z"></path>
							<path fill="#e60000" class="secondary-color" d="M92.2,62.6H25.6V19h66.6V62.6z"></path>
						</g>
						<path d="M380.5,492.7H79.8c-26.3,0-47.7-23.9-47.7-53.4v-295c0-29.4,21.4-53.4,47.7-53.4h300.7c4.4,0,8,3.6,8,8s-3.6,8-8,8H79.8
						c-17.5,0-31.7,16.8-31.7,37.4v295c0,20.6,14.2,37.4,31.7,37.4h29V177.8H85.5c-4.4,0-8-3.6-8-8s3.6-8,8-8h31.3c4.4,0,8,3.6,8,8v306.9
						h255.7c4.4,0,8,3.6,8,8S384.9,492.7,380.5,492.7z M380.5,464c-4.4,0-8-3.6-8-8V153.1h-287c-4.4,0-8-3.6-8-8s3.6-8,8-8h295
						c4.4,0,8,3.6,8,8V456C388.5,460.4,384.9,464,380.5,464z M253.4,426c-20.6,0-38.5-4.3-53.3-12.7c-15-8.6-26.4-21.4-33.8-38.1
						c-7.2-16.2-10.3-35.7-9.4-57.9c0.9-21.3,5.9-40.6,14.7-57.6c9-17.2,21.4-30.8,37-40.2c15.6-9.5,33.3-14.3,52.8-14.3
						c19.7,0,37,4.3,51.4,12.9c14.6,8.7,25.7,21.2,32.9,37.3c7.1,15.7,10.2,34.1,9.4,54.6c-0.9,20.3-6.1,36.8-15.5,49.1
						c-10,13-23.6,19.6-40.4,19.6c-7.7,0-14.6-1.7-20.4-5.2c-2.6-1.6-5-3.4-7.1-5.6c-7.7,6.9-17,10.4-27.8,10.4
						c-13.3,0-24.2-5.9-31.5-17.1c-6.8-10.5-9.5-24.2-7.8-40.8c1.4-13,4.8-24.8,10-35c5.4-10.5,12.3-18.8,20.7-24.6c8.6-6,18.1-9,28.2-9
						c12,0,22.5,2.9,31.1,8.5c0,0,0.1,0.1,0.1,0.1l6.9,4.7c2.4,1.6,3.7,4.4,3.5,7.3l-5.6,63.4c-0.4,4.4-4.3,7.7-8.7,7.3
						c-4.4-0.4-7.7-4.3-7.3-8.7l5.2-58.7l-3-2c-6.1-4-13.4-5.9-22.3-5.9c-6.9,0-13.1,2-19.1,6.1c-6.2,4.3-11.4,10.5-15.6,18.7
						c-4.3,8.5-7.1,18.4-8.3,29.4c-1.3,12.8,0.5,23,5.3,30.4c4.4,6.7,10.1,9.8,18.1,9.8c9.2,0,16.3-3.8,22.1-12c1.7-2.3,4.4-3.6,7.3-3.3
						c2.8,0.3,5.3,2,6.5,4.6c1.7,3.6,4,6.2,7.2,8.1c3.3,2,7.3,2.9,12.2,2.9c11.7,0,20.8-4.4,27.7-13.4c7.4-9.6,11.5-23.1,12.2-40
						c0.7-18-1.9-33.9-8-47.3c-5.9-13.2-14.6-23-26.5-30.1c-11.9-7.1-26.5-10.7-43.3-10.7c-16.5,0-31.4,4-44.5,11.9
						c-13,7.9-23.5,19.3-31.1,34c-7.7,14.9-12.1,32-12.9,50.9c-0.8,19.7,1.9,36.8,8,50.7c6,13.7,14.9,23.7,27.1,30.7
						c12.3,7,27.6,10.6,45.4,10.6c7,0,14.1-0.8,21-2.5c6.6-1.6,11.8-3.6,15.5-6c3.7-2.4,8.7-1.4,11.1,2.3s1.4,8.7-2.3,11.1
						c-5.3,3.5-12,6.1-20.6,8.2C269.9,425,261.6,426,253.4,426z M240.5,348.8c-3.8,0-7.2-2.7-7.9-6.6c-0.9-4.9-1-10.6-0.5-17.3
						c0,0,0-0.1,0-0.1c1.5-15.2,4.9-26.6,10.3-34.9c6.1-9.4,15.2-14.4,26.3-14.4c4.4,0,8,3.6,8,8s-3.6,8-8,8c-5.7,0-9.7,2.2-12.9,7.1
						c-3.9,6-6.5,15.4-7.8,27.7c-0.4,5.2-0.3,9.6,0.3,13c0.8,4.3-2.1,8.5-6.5,9.3C241.4,348.7,241,348.8,240.5,348.8z">
						</path>
					</svg>
				</div>
				<!-- 启动页文字 -->
				<div class="front-page-content-text">
					<span ONE></span>
					<h1>Connectto除夕</h1>
					<span TWO></span>
				</div>
			</div>
			<!-- 启动页倒计时 -->
			<div class="front-page-content-time">
				<h4 id="TimeChange"></h4>
			</div>
			<!-- 点击后显示的祝福页面 -->
			<div class="front-page-main-item">

				<div id="source" class="hidden">
					<p><p ROOT>-A:</p>如果所有人都祝你新年快乐，那我祝你遍历山河仍觉得人间值得</p><br />
					<p><p ROOT>-B:</p>要峰回路转，要柳暗花明;要有好风光,所有的晦暗都留给过往，从此凛冬散尽，星河长明</p><br />
					<mark><p ROOT>除夕祝福:</p>春去秋往万事胜意，山高水长终有回甘，万般熙攘化清风朗月，四方梦想皆如愿以偿！</mark>
				</div>
				<div id="output">

				</div>
			</div>
		</div>
	</div>


	<script src="./js/hvrilsoft.spanning2022.all.js"></script>
</body>

</html>